<!-- MySalaryInfo.vue -->
<template>
  {{ salaryInfo }} <br />
  <!-- ⽗组件传进来的值，不建议直接⽤，eslint会报红提示 -->
  姓名：<input v-model="salaryInfo.userName"><br />
  薪⽔：<input type="number" v-model="salaryInfo.salary">
</template>
<script lang="ts">
//组件名默认是⽂件名。如果不希望⽤⽂件名，也可以⾃定义
export default {
  name: "SalaryInfo"
}
</script>
<script setup lang="ts">
import type { SalaryInfo } from '@/SalaryInfo';
//直接接收，不限定类型
// defineProps(["salaryInfo"])
//接收参数，限定类型
defineProps<{ salaryInfo: SalaryInfo }>()
</script>
<style></style>
